<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UGame</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.min.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>	
	<script type="text/javascript">
		function loaded() {
			document.addEventListener('touchmove', function(e){ e.preventDefault(); });
			myScroll = new iScroll('scroller', {desktopCompatibility:true,scrollbarColor:'#42A90E'});
		}
		document.addEventListener('DOMContentLoaded', loaded);
	</script>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/store.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
    <img id="dragon" src="images/dragon.png" alt="">

    <div id="action-panel">
        <a id="btn-language" onclick="return false" href="#" style="margin-right: 3px">
            <img src="images/en-US.png" alt="">
        </a>
        <a id="btn-login" onclick="return false" href="#">
            <img src="images/account-icon.png" alt="">
        </a>
        <a id="btn-search" onclick="return false" href="#">
            <img src="images/search-icon.png" alt="">
        </a>
    </div>
    <!-- End #action-panel -->
    <div id="logo-panel">
        <div id="logo">
        </div><!-- End #logo -->
    </div>
    <!-- End #logo-panel -->

    <div id="search-panel">
        <div class="left-search">

        </div>
        <!-- End .left-search -->
        <div class="center-search">
            <input type="text" id="search-content"/>
        </div>
        <!-- End .center-search -->
        <div class="right-search">
            <a id="cancel-search" href="#"></a>
            <a id="submit-search" href="#">Search</a>
        </div>
        <!-- End .right-search -->
    </div>
    <!-- End #search-panel -->
    <div id="login-panel">
        <div class="login-input">
            <input type="text" value="email"/>
        </div>
        <div class="login-input">
            <input type="text" value="password"/>
        </div>
        <a id="sign-in" href="#">Sign in</a>
        <a href="#">Sign up</a>
    </div>
    <!-- End login-panel -->
    <div id="language-panel">
        <a class="language-item" href="#">
            <span>English</span>
            <img class="language-icon" id="en-US" src="images/en-US.png" alt=""/>
        </a>
        <a class="language-item" href="#">
            <span>Vietnamese</span>
            <img class="language-icon" id="vi-VN" src="images/vi-VN.png" alt=""/>
        </a>
    </div>
    <!-- End language-panel -->
    <div id="main-nav">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td class="active"><a href="#">News</a></td>
                <td><a href="#">Store</a></td>
                <td><a href="#">Forum</a></td>
            </tr>
        </table>
    </div>
    <!-- End #main-nav -->
</div>
<!-- End #header -->

<div id="main">
    <div id="slider-2">
        <div id="scroller">
            <div class="slider-item-2">
              <a href="#"><img src="items/banners/1-small.jpg" alt="" /></a>
            </div>
            <div class="slider-item-2">
                <a href="#"><img src="items/banners/2-small.jpg" alt="" /></a>
            </div>
            <div class="slider-item-2">
                <a href="#"><img src="items/banners/3-small.jpg" alt="" /></a>
            </div>
            <div class="slider-item-2">
                <a href="#"><img src="items/banners/4-small.jpg" alt="" /></a>
            </div>
            <div class="slider-item-2">
                <a href="#"><img src="items/banners/5-small.jpg" alt="" /></a>
            </div>
        </div>
    </div>
    <!-- End #slide -->
    <div id="main-content">
        <div class="item">
            <div class="status status-hot">

            </div>
            <!-- End .status -->
            <img class="game-icon" src="images/game-icon.png" alt="">

            <div class="content">
                <h4>Great Little War Game</h4>
                <p>Lượt tải: 22.990 | Cập nhật: 12/6/2012</p>
                <div class="star"></div>
                <span>403 Ratings</span>
            </div>
            <!-- End .content -->
            <div class="action">
                <p class="free">Free</p>
				<p class="more"></p>
            </div>
            <!-- End .action -->
        </div>
        <!-- End .item -->
        <div class="item alternate-item">
            <div class="status status">

            </div>
            <!-- End .status -->
            <img class="game-icon" src="images/game-icon.png" alt="">

            <div class="content">
                <h4>Great Little War Game</h4>
                <p>Lượt tải: 22.990 | Cập nhật: 12/6/2012</p>
                <div class="star"></div>
                <span>403 Ratings</span>
            </div>
            <!-- End .content -->
            <div class="action">
                <p class="price">10.000đ</p>
				<p class="more"></p>
            </div>
            <!-- End .action -->
        </div>
        <!-- End .item -->
        <div class="item">
            <div class="status status-new">

            </div>
            <!-- End .status -->
            <img class="game-icon" src="images/game-icon.png" alt="">

            <div class="content">
               <h4>Great Little War Game</h4>
                <p>Lượt tải: 22.990 | Cập nhật: 12/6/2012</p>
                <div class="star"></div>
                <span>403 Ratings</span>
            </div>
            <!-- End .content -->
            <div class="action">
                <p class="price">15.000đ</p>
				<p class="more"></p>
            </div>
            <!-- End .action -->
        </div>
        <!-- End .item -->
        <div class="item alternate-item">
            <div class="status status">

            </div>
            <!-- End .status -->
            <img class="game-icon" src="images/game-icon.png" alt="">

            <div class="content">
                <h4>Great Little War Game</h4>
                <p>Lượt tải: 22.990 | Cập nhật: 12/6/2012</p>
                <div class="star"></div>
                <span>403 Ratings</span>
            </div>
            <!-- End .content -->
            <div class="action">
                <p class="free">Free</p>
				<p class="more"></p>
            </div>
            <!-- End .action -->
        </div>
        <!-- End .item -->
        <div class="item">
            <div class="status status-new">

            </div>
            <!-- End .status -->
            <img class="game-icon" src="images/game-icon.png" alt="">

            <div class="content">
                <h4>Great Little War Game</h4>
                <p>Lượt tải: 22.990 | Cập nhật: 12/6/2012</p>
                <div class="star"></div>
                <span>403 Ratings</span>
            </div>
            <!-- End .content -->
            <div class="action">
                <p class="price">15.000đ</p>
				<p class="more"></p>
            </div>
            <!-- End .action -->
        </div>
        <!-- End .item -->
    </div>
    <!-- End #main-content -->
    <div id="category-nav">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><a href="#" onclick="return false;" id="category">Categories</a></td>
                <td><a href="#">Top new</a></td>
                <td><a href="#">Top rate</a></td>
                <td><a href="#">Hot<span class="hot">!</span></a></td>
            </tr>
        </table>
    </div>
    <!-- End #category-nav -->
    <div id="category-sub-nav">
        <a href="#">Games</a>
        <a href="#">Apps</a>
        <a href="#">Books</a>
    </div>
    <!-- End #category-sub-nav -->
    <div id="paging">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td class="paging-word"><a href="#">First page</a></td>
				<td class="paging-control">
					 <a href="#"><<</a>
				</td>
                <td id="paging-number">
                    <span id="page-en-US">page 1/5</span>
                </td>
				<td class="paging-control">
					<a href="#">>></a>
				</td>
                <td class="paging-word"><a href="#">Last page</a></td>
            </tr>
        </table>
    </div>
    <!-- End #paging -->
</div>
<!-- End #main -->

<div id="footer">
    <div id="banner">
    </div><!-- End #banner -->
    <div class="service-title" id="service-title-en-US">
    </div>
    <!-- End #service-title -->
    <div id="service-content">
        <div id="footer-logo">
        </div><!-- End #footer-logo -->
        <p id="copy-right">POWERED BY trunggt4</p>
        <a href="#" class="service" id="email"></a>
        <a href="#" class="service" id="phone"></a>
    </div>
    <!-- End #service -->
</div>
<!-- End #footer -->

<div class="clear"></div>
</div>
<!-- End #wrapper-->
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/store.js"></script>
<script type="text/javascript">
    $('.star').raty({
        readOnly : true,
        score    : 4,
        size: 14
    });
</script>
</body>
</html>